const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  transpileDependencies: true,
});


const path = require("path");

/**
 * 路径替换
 * @Date: 2022-09-27 10:48:54
 * @param {string} dir: 需要替换的文件路径
 * @return {string} 替换后的文件绝对地址
 */
function resolve(dir) {
  return path.join(__dirname, dir);
}

module.exports = {
  chainWebpack: (config) => {
    /**
     * 将svg图片以雪碧图的方式在项目中加载
     */
    config.module
      .rule('svg')
      .exclude.add(resolve('src/assets/icons'))
      .end()
    config.module
      .rule('icons')
      .test(/\.svg$/)
      .include.add(resolve('src/assets/icons')) // svg所在路径
      .end()
      .use('svg-sprite-loader')
      .loader('svg-sprite-loader')
      .options({
        // 参数配置
        symbolId: 'icon-[name]',
      })
  },
};
